<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>投资</title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
		<link rel="stylesheet" href="css/main.css" />
		<script type="text/javascript" src="js/jquery.min.js" ></script>
		<script type="text/javascript" src="js/bootstrap.js" ></script>
		<script type="text/javascript" src="js/jquery.SuperSlide.2.1.3.js" ></script>
		<script type="text/javascript" src="js/move2.js" ></script>
		<script type="text/javascript">
			
			
		$(function(){

			$(".select-single").click(function(event) {
				if ( $(this).children(".select-dropdown" ).hasClass('isshow') ) {  //当前的是隐藏


					$(this).parents("li").siblings().find('.select-dropdown').addClass('isshow');  // 全部隐藏
					$(this).parents("li").siblings().find('.glyphicon-triangle-bottom').removeClass('trun');
					$(this).children(".select-dropdown" ).removeClass('isshow')   //this显示
					$(this).find(".glyphicon-triangle-bottom" ).addClass('trun');
					
				}else{
					$(this).children(".select-dropdown" ).addClass('isshow'); // this隐藏
		
					$(this).find(".glyphicon-triangle-bottom" ).removeClass('trun');
	
				}
			});


			$(".select-item").click(function(event) {
				
				var oldtext= $(this).html();
				console.log(oldtext)
				var url = $(this).children('a').attr('href');
				console.log(url);
				$(this).parent().parent().siblings('.select-selection').children('.select-placeholder').html(oldtext);
				console.log(oldtext)
			});



		})
			
		</script>
	</head>
	<body style="background: #f7f8fc;">
		
		<!--头部导航-->
		<div class="header clearfix">
			<div class="logo pull-left"><img src="images/common/logo.png" /></div>
			<div class="navbar pull-right">
				<ul class="nav-list pull-left">
					<li><a href="#" >首页</a></li>
					<li><a href="#" >投资</a></li>
					<li><a href="#" >融资</a></li>
					<li><a href="#" >债权转让</a></li>
					<li><a href="#" >安全保障</a></li>
				</ul>
				
				<div class="login pull-right" >
					<a href="#">登录 <i class="glyphicon glyphicon-triangle-right" ></i> </a>
					<a href="#">注册 <i class="glyphicon glyphicon-triangle-right" ></i></a>
				</div>
			</div>
		</div>
		<div class="h649"></div>
		<div class="banner1">
			<img src="images/banner1.jpg" />
		</div>
		<!--推荐项目-->
		<div class="w1300">
			<div class="title-plate">
				<h2><span>Recommended investment</span><b>推荐项目</b></h2>
			</div>
			
			<div id="recommendslideBox">
				<div class="hd">
					<ul><li></li><li></li><li></li></ul>
				</div>
				<div class="bd">
					<ul>
						<li>
							<div class="recommend-project"> 
								<img src="images/tmp/img6.jpg" />
								<div class="recommend-text">
									<h2>2019年第一项目乌鲁木齐艺术公寓</h2>
									<p class="project-position">新疆-乌鲁木齐</p>
									<p class="project-describe">在128公路兴起和发展的大半个世纪中，其周边的麻省理工学院、哈佛大学和波士顿大学等著名学府扮演了极其重要的角色。其中由麻省理工学院毕业生们创办的公司就占到了70%路兴起和发展的大半。在128公路兴起和发展的大半个世纪中，其周边的麻省理工学院、哈佛大学和波士顿大学等著名学府扮演了极其重要的角色路兴起和发展的大半路兴起和发展的大半。</p>
									<a href="#" class="linkinfo">查看详情</a>
								</div>
							</div>
						</li>
						<li>
							<div class="recommend-project"> 
								<img src="images/tmp/img6.jpg" />
								<div class="recommend-text">
									<h2>2019年第一项目乌鲁木齐艺术公寓</h2>
									<p class="project-position">新疆-乌鲁木齐</p>
									<p class="project-describe">在128公路兴起和发展的大半个世纪中，其周边的麻省理工学院、哈佛大学和波士顿大学等著名学府扮演了极其重要的角色。其中由麻省理工学院毕业生们创办的公司就占到了70%路兴起和发展的大半。在128公路兴起和发展的大半个世纪中，其周边的麻省理工学院、哈佛大学和波士顿大学等著名学府扮演了极其重要的角色路兴起和发展的大半路兴起和发展的大半。</p>
									<a href="#" class="linkinfo">查看详情</a>
								</div>
							</div>
						</li>
						<li>
							<div class="recommend-project"> 
								<img src="images/tmp/img6.jpg" />
								<div class="recommend-text">
									<h2>2019年第一项目乌鲁木齐艺术公寓</h2>
									<p class="project-position">新疆-乌鲁木齐</p>
									<p class="project-describe">在128公路兴起和发展的大半个世纪中，其周边的麻省理工学院、哈佛大学和波士顿大学等著名学府扮演了极其重要的角色。其中由麻省理工学院毕业生们创办的公司就占到了70%路兴起和发展的大半。在128公路兴起和发展的大半个世纪中，其周边的麻省理工学院、哈佛大学和波士顿大学等著名学府扮演了极其重要的角色路兴起和发展的大半路兴起和发展的大半。</p>
									<a href="#" class="linkinfo">查看详情</a>
								</div>
							</div>
						</li>
					</ul>
				</div>
			</div> <!--slideBox-->
			
			
		</div><!--w1300-->
		
		<!--项目投资-->
		<div class="w1300">
			<div class="title-plate">
				<h2><span>Enjoy the investment</span><b>项目投资</b></h2>
			</div>
			
			<div class="project-searchbar">
				<ul class="types clearfix">
					<li>
						<label class="title"> 项目类型:</label>
						<div class="select select-single">
							<div class="select-selection">
								<input type="hidden">  
								<span class="select-placeholder">全选</span> 
								<i class="glyphicon glyphicon-triangle-top" style="display: none;"></i>
								<i class="glyphicon glyphicon-triangle-bottom"></i>
							</div> 
							<div class="select-dropdown isshow" style="width: 200px; ">
								<ul class="select-dropdown-list">
									<li class="select-item">全部</li>
									<li class="select-item">酒店</li>
									<li class="select-item">民宿</li>
									<li class="select-item">公寓</li>
									<li class="select-item">更多</li>
								</ul> 
							</div>
						</div>
					</li>
					<li>
						<label class="title">项目状态:</label>
						<div class="select select-single">
							<div class="select-selection"><input type="hidden">  
								<span class="select-placeholder">全选</span> 
								<span class="select-selected-value" style="display: none;"></span> 
								<!----> 
								<i class="glyphicon glyphicon-triangle-top" style="display: none;"></i>
								<i class="glyphicon glyphicon-triangle-bottom"></i>
							</div> 
							<div class="select-dropdown isshow">
								<ul class="select-dropdown-list">
									<li class="select-item">全部</li>
									<li class="select-item">预告中</li>
									<li class="select-item">预约中</li>
									<li class="select-item">认购中</li>
									<li class="select-item">已完成</li>
								</ul> 
							</div>
						</div>
					</li>
					<li>
						<label class="title">投资类型:</label>
						<div class="select select-single">
							<div class="select-selection"><input type="hidden">  
								<span class="select-placeholder">全选</span> 
								<span class="select-selected-value" style="display: none;"></span> 
								<!----> 
								<i class="glyphicon glyphicon-triangle-top" style="display: none;"></i>
								<i class="glyphicon glyphicon-triangle-bottom"></i>
							</div> 
							<div class="select-dropdown isshow">
								<ul class="select-dropdown-list">
									<li class="select-item">全部</li>
									<li class="select-item">预告中</li>
									<li class="select-item">预约中</li>
									<li class="select-item">认购中</li>
									<li class="select-item">已完成</li>
								</ul> 
							</div>
						</div>
					</li>
				</ul>
				<!--<div class="searchbtn">搜索</div>-->
			</div>
			
			
			
			<ul class="project-list clearfix mt40">
					<li> <a href="#">
						<div class="arrow"></div>
						<div class="projectitem">
							<div class="hover">
								<div class="project-logo">
									<div alt="项目图片" class="img">
										<img src="images/tmp/img2.jpg" style="width: 300px; height: 200px;">
									</div>
									<div class="mask"></div>
								</div>
								<div class="tittle-wapper">
									<h3 class="project-title" onclick="findLoanDetail(1883);">新手模拟项目 第29期</h3>
								</div>
							</div>
							<div class="project-position">
								<span>全球新手专享</span>
								<span class="line">|</span>
								<span>模拟投资</span>
							</div>
							<p class="project-describe">
								<span>测试项目说明测试项目说明测试项目说明测试项目说明测试项目说明测试项目说明测试项目说明 ...</span>
							</p>
							<!--进度条-->
							<div class="subenterprisetouzi">
								<div class="progressbar">
									<span>认购结束 </span>
									<p>进度 <i class="c3cb4f9">0.00%</i> </p>
									<div class="clearfix"></div>
									<div class="jindu">
										<div style="width:0.00%"></div>
									</div>
								</div>
							</div>
						</div></a>
					</li>
					
					<li>	
						<div class="arrow"></div>
						<div class="projectitem">
							<div class="hover">
								<div class="project-logo">
									<div alt="项目图片" class="img">
										<img src="images/tmp/img3.jpg" style="width: 300px; height: 200px;">
									</div>
									<div class="mask"></div>
								</div>
								<div class="tittle-wapper">
									<h3 class="project-title" onclick="findLoanDetail(1883);">既下山·景德镇</h3>
								</div>
							</div>
							<div class="project-position">
								<span>江西-景德镇</span>
								<span class="line">|</span>
								<span>酒店</span>
							</div>
							<p class="project-describe">
								<span>在千年瓷都，既下山带你抵达内心的边境</span>
							</p>
							<!--进度条-->
							<div class="subenterprisetouzi">
								<div class="progressbar">
									<span>认购结束 </span>
									<p>进度 <i class="c3cb4f9">0.00%</i> </p>
									<div class="clearfix"></div>
									<div class="jindu">
										<div style="width:0.00%"></div>
									</div>
								</div>
							</div>
						</div>
					</li>
					
					<li>	
						<div class="arrow"></div>
						<div class="projectitem">
							<div class="hover">
								<div class="project-logo">
									<div alt="项目图片" class="img">
										<img src="images/tmp/img4.jpg" style="width: 300px; height: 200px;">
									</div>
									<div class="mask"></div>
								</div>
								<div class="tittle-wapper">
									<h3 class="project-title" onclick="findLoanDetail(1883);">千岛湖佰澜度假酒店</h3>
								</div>
							</div>
							<div class="project-position">
								<span>浙江-杭州</span>
								<span class="line">|</span>
								<span>酒店</span>
							</div>
							<p class="project-describe">
								<span>家景区酒店免费换住，圆你的山川湖海江畔梦</span>
							</p>
							<!--进度条-->
							<div class="subenterprisetouzi">
								<div class="progressbar">
									<span>认购结束 </span>
									<p>进度 <i class="c3cb4f9">136%</i> </p>
									<div class="clearfix"></div>
									<div class="jindu">
										<div style="width:100.00%"></div>
									</div>
								</div>
							</div>
						</div>
					</li>
					<li>
						<div class="arrow"></div>
						<div class="projectitem">
							<div class="hover">
								<div class="project-logo">
									<div alt="项目图片" class="img">
										<img src="images/tmp/img2.jpg" style="width: 300px; height: 200px;">
									</div>
									<div class="mask"></div>
								</div>
								<div class="tittle-wapper">
									<h3 class="project-title" onclick="findLoanDetail(1883);">新手模拟项目 第29期</h3>
								</div>
							</div>
							<div class="project-position">
								<span>全球新手专享</span>
								<span class="line">|</span>
								<span>模拟投资</span>
							</div>
							<p class="project-describe">
								<span>测试项目说明测试项目说明测试项目说明测试项目说明测试项目说明测试项目说明测试项目说明 ...</span>
							</p>
							<!--进度条-->
							<div class="subenterprisetouzi">
								<div class="progressbar">
									<span>认购结束 </span>
									<p>进度 <i class="c3cb4f9">0.00%</i> </p>
									<div class="clearfix"></div>
									<div class="jindu">
										<div style="width:0.00%"></div>
									</div>
								</div>
							</div>
						</div>
					</li>
					
					<li>	
						<div class="arrow"></div>
						<div class="projectitem">
							<div class="hover">
								<div class="project-logo">
									<div alt="项目图片" class="img">
										<img src="images/tmp/img3.jpg" style="width: 300px; height: 200px;">
									</div>
									<div class="mask"></div>
								</div>
								<div class="tittle-wapper">
									<h3 class="project-title" onclick="findLoanDetail(1883);">既下山·景德镇</h3>
								</div>
							</div>
							<div class="project-position">
								<span>江西-景德镇</span>
								<span class="line">|</span>
								<span>酒店</span>
							</div>
							<p class="project-describe">
								<span>在千年瓷都，既下山带你抵达内心的边境</span>
							</p>
							<!--进度条-->
							<div class="subenterprisetouzi">
								<div class="progressbar">
									<span>认购结束 </span>
									<p>进度 <i class="c3cb4f9">0.00%</i> </p>
									<div class="clearfix"></div>
									<div class="jindu">
										<div style="width:0.00%"></div>
									</div>
								</div>
							</div>
						</div>
					</li>
					
					<li>	
						<div class="arrow"></div>
						<div class="projectitem">
							<div class="hover">
								<div class="project-logo">
									<div alt="项目图片" class="img">
										<img src="images/tmp/img4.jpg" style="width: 300px; height: 200px;">
									</div>
									<div class="mask"></div>
								</div>
								<div class="tittle-wapper">
									<h3 class="project-title" onclick="findLoanDetail(1883);">千岛湖佰澜度假酒店</h3>
								</div>
							</div>
							<div class="project-position">
								<span>浙江-杭州</span>
								<span class="line">|</span>
								<span>酒店</span>
							</div>
							<p class="project-describe">
								<span>家景区酒店免费换住，圆你的山川湖海江畔梦</span>
							</p>
							<!--进度条-->
							<div class="subenterprisetouzi">
								<div class="progressbar">
									<span>认购结束 </span>
									<p>进度 <i class="c3cb4f9">136%</i> </p>
									<div class="clearfix"></div>
									<div class="jindu">
										<div style="width:100.00%"></div>
									</div>
								</div>
							</div>
						</div>
					</li>
				</ul>
				<!-- 分页-->
				<div class="paginations">
					<ul class="pageing">
						<li class="home"><a href="#"> 首页</a></li>
						
						<li class="previous"><a href="#">上一页</a></li>
							
						<li class="selected"><a href="javascript:;">1</a></li>
						<li><a href="#">2</a></li>
						<li><a href="#">3</a></li>
						<li><a href="#">4</a></li>
						<li><a href="#">5</a></li>
						<li class="total">共16条信息/2页</li>
						<li class="nextpage"><a href="#">下一页</a></li>
						<li class="lastpage"><a href="#">末页</a></li>
					</ul>
				</div>
				
		</div><!--w1300-->
		
		<div class="c272727 mt40">
			<div class="w1300">
				<div class="footer">
					<div class="footer-nav clearfix">
						
						<ul class="footernavlist">
							<div class="bottomline"></div>
							<li> <a href="#">首页 </a>  </li>
							<li><a href="#">投资 </a></li>
							<li><a href="#">融资  </a></li>
							<li><a href="#">喜蚨动态 </a></li>
							<li><a href="#">关于我们 </a></li>
							<li><a href="#">帮助中心 </a></li>
							<li><a href="#">加入我们 </a></li>
							<li><a href="#">风险揭示 </a></li>
						</ul>
						<ul class="contact-list">
							<div class="bottomline"></div>
							<li><a href="#">联系我们</a> </li>
						</ul>
					</div>
					<div class="net-police">
						<ul class="policelist">
							<li><a href="#"><img src="images/common/img3.png" /></a></li>
							<li><a href="#"><img src="images/common/img4.png" /></a></li>
							<li><a href="#"><img src="images/common/img5.png" /></a></li>
							
						</ul>
						<p> ©2014喜蚨投资  豫ICP备15000769号-1  豫公网安备 41030502000166号</p>
						<p><label class="tel">400-8162-262</label><label class="qq">2858745435</label></p>
						
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript">
			jQuery("#recommendslideBox").slide({mainCell:".bd ul",autoPlay:false});
		</script>
	</body>
</html>
